<!-- 每日晨报 -->
<!-- 班报输出-生产管理-每日晨报 -->

<template>
    <div>
        <div class="bg-white grid-content">
            <!-- <el-form :inline="true" :model="searchForm" class="demo-form-inline">

                <el-form-item label="日期:">
                    <el-date-picker v-model="searchForm.searchDate" align="right" type="date" placeholder="请选择日期"
                        :picker-options="pickerOptions" value-format="yyyy-MM-dd">
                    </el-date-picker>
                </el-form-item>

                <el-form-item>
                    <el-button type="primary" @click="query()">查询</el-button>
                </el-form-item>
            </el-form> -->

            <el-tabs v-model="activeName" type="card" @tab-click="handleMenuClick">
                <el-tab-pane label="综合" name="first">
                    <!--综合界面-->
                    <el-table :data="finalData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">

                        <el-table-column align="center" label="单位"  prop="siteName"> </el-table-column>
                     
                        
                        <el-table-column align="center" label="油井动态">
                            <el-table-column align="center" label="综合数据">
                                <el-table-column align="center" prop="mirOutput" label="微机产量"></el-table-column>
                                <el-table-column align="center" prop="totalWellNum" label="总井数"></el-table-column>
                                <el-table-column align="center" prop="totalOpenWellNum" label="开井数"></el-table-column>
                                <el-table-column align="center" prop="totalUtilizationRate" label="总利用率%"></el-table-column>
                                <el-table-column align="center" prop="plannedOilProduction" label="计划产油"></el-table-column>
                                <el-table-column align="center" prop="wellheadOilProduction" label="井口产油"></el-table-column>
                                <el-table-column align="center" prop="productionWaterVolume" label="产水量"></el-table-column>
                                <el-table-column align="center" prop="waterCut" label="含水"></el-table-column>
                                <el-table-column align="center" prop="monthlyCumulativeOilProduction"
                                    label="月累产油"></el-table-column>
                                <el-table-column align="center" prop="yearlyCumulativeOilProduction"
                                    label="年累产油"></el-table-column>
                                <el-table-column align="center" prop="monthlyCumulativeWaterProduction"
                                    label="月累产水"></el-table-column>
                                <el-table-column align="center" prop="yearlyCumulativeWaterProduction"
                                    label="年累产水"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="机采井数据">
                                <el-table-column align="center" prop="totalWellCount" label="总井数"></el-table-column>
                                <el-table-column align="center" prop="openWellCount" label="开井数"></el-table-column>
                                <el-table-column align="center" prop="lyl" label="利用率%"></el-table-column>
                                <el-table-column align="center" prop="waterDaily" label="产水井数"></el-table-column>
                                <el-table-column align="center" prop="oilPumpCount" label="抽油机井数"></el-table-column>
                                <el-table-column align="center" prop="oilPumpOpenCount" label="抽油机开井"></el-table-column>
                                <el-table-column align="center" prop="screwPumpCount" label="螺杆泵井数"></el-table-column>
                                <el-table-column align="center" prop="screwPumpOpenCount" label="螺杆泵开井"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="注入井动态">
                            <el-table-column align="center" label="注水井综合数据">
                                <el-table-column align="center" prop="totalNum" label="总井数"></el-table-column>
                                <el-table-column align="center" prop="openNum" label="开井数"></el-table-column>
                                <el-table-column align="center" prop="waterWellLyl" label="利用率%"></el-table-column>
                                <el-table-column align="center" prop="monthWaterPlan" label="月计划"></el-table-column>
                                <el-table-column align="center" prop="dailyWaterPlan" label="计划注水"></el-table-column>
                                <el-table-column align="center" prop="dailyWaterPro" label="实际注水"></el-table-column>
                                <!-- <el-table-column align="center" prop="totaPullingoil" label="含水"></el-table-column>    -->
                                <el-table-column align="center" prop="monthWaterPro" label="月累"></el-table-column>
                                <el-table-column align="center" prop="yearWaterPro" label="年累"></el-table-column>
                                <!-- <el-table-column align="center" prop="totaPullingoil" label="总层"></el-table-column>   
                                <el-table-column align="center" prop="totaPullingoil" label="停层"></el-table-column>
                                <el-table-column align="center" prop="totaPullingoil" label="合格"></el-table-column>    -->
                            </el-table-column>
                            <el-table-column align="center" label="CO2注入井数据">
                                <el-table-column align="center" prop="co2TotalNum" label="总井数"></el-table-column>
                                <el-table-column align="center" prop="co2OpenNum" label="开井数"></el-table-column>
                                <el-table-column align="center" prop="co2WellLyl" label="利用率%"></el-table-column>
                                <!-- <el-table-column align="center" prop="totaPullingoil" label="月计划"></el-table-column>   
                                <el-table-column align="center" prop="totaPullingoil" label="日实际"></el-table-column>   
                                <el-table-column align="center" prop="totaPullingoil" label="开井配注"></el-table-column>   
                                <el-table-column align="center" prop="totaPullingoil" label="月累"></el-table-column>
                                <el-table-column align="center" prop="totaPullingoil" label="年累"></el-table-column> -->
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="注水泵情况">
                            <el-table-column align="center" prop="waterPumpToatal" label="总台数"></el-table-column>
                            <el-table-column align="center" prop="waterPumpWorkingNum" label="运行台数"></el-table-column>
                            <el-table-column align="center" prop="waterPumpWorkingTime" label="运行时间"></el-table-column>
                            <el-table-column align="center" prop="waterPumpRate" label="泵总排量"></el-table-column>
                            <el-table-column align="center" prop="waterPumpPower" label="耗电量"></el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="油井临时关井情况" name="second">
                    <!--油井临时关井情况界面-->
                    <el-table :data="yjlsData" border style="width: 100%" show-summary  :summary-method="getSummaries"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                     
                        <el-table-column align="center" label="油井临时关井情况">
                            <el-table-column align="center" prop="siteName" label="单位"></el-table-column>

                            <el-table-column align="center"  label="检泵井">
                                <el-table-column align="center" prop="insPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="insPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="待作业">
                                <el-table-column align="center" prop="waitPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="waitPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="测压井">
                                <el-table-column align="center" prop="manPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="manPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="措施井">
                                <el-table-column align="center" prop="measurePumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="measurePumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="措施配合">
                                <el-table-column align="center" prop="insCooPumpNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="insCooPumpEffct" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="地面故障关井">
                                <el-table-column align="center" prop="faultWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="faultWellEffect" label="产量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="合计">
                                <el-table-column align="center" prop="totalWellNumber" label="井数"></el-table-column>
                                <el-table-column align="center" prop="totalWellEffect" label="产量"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="水井临时关井情况" name="third">
                    <!--水井临时关井情况-->
                    <el-table :data="sjlsData" border style="width: 100%" show-summary  :summary-method="getSummaries"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                     
                        <el-table-column align="center" label="水井临时关井情况">
                            <el-table-column align="center" prop="siteName" label="单位"></el-table-column>
                            <el-table-column align="center"  label="钻关">
                                <el-table-column align="center" prop="drillOffWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="drillOffWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="测压">
                                <el-table-column align="center" prop="manometryWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="manometryWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="措施">
                                <el-table-column align="center" prop="measureWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="measureWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="水井作业">
                                <el-table-column align="center" prop="workWellNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="workWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="地面故障">
                                <el-table-column align="center" prop="groundFaultWellnum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="groundFaultWellEffect" label="水量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="合计">
                                <el-table-column align="center" prop="totalNum" label="井数"></el-table-column>
                                <el-table-column align="center" prop="openNum" label="水量"></el-table-column>
                            </el-table-column>
                        </el-table-column>

                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="中转站" name="fourth">
                    <!--中转站-->
                    <el-table :data="zzzzData" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  label="中转站">
                            <el-table-column align="center" v-for="(itemBt) in zzzBt" :key="itemBt.zkInfo.zkid"
                                :label="itemBt.zkInfo.zkmc">
                                <el-table-column align="center" prop="" v-for="(itemBtkid, index) in itemBt.rqInfo" :key="index"
                                    :label="itemBtkid.tankName + itemBtkid.tankType">
                                    <el-table-column align="center" prop="" label="高度">
                                        <template slot-scope="scope">
                                            {{ scope.row.rqInfo?(scope.row.rqInfo.find(item => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ?scope.row.rqInfo.find(item => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).height: '' ):''}}
                                        </template>
                                    </el-table-column>
                                    <el-table-column align="center" prop="" label="油量">
                                        <template slot-scope="scope">
                                            {{ scope.row.rqInfo?(scope.row.rqInfo.find(item =>item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ? scope.row.rqInfo.find(item  => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).ywY: ''):'' }}
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center"  label="站库库存">
                                <el-table-column align="center" prop="totalStationInv" label="合计"></el-table-column>
                                <el-table-column align="center" prop="diffStationInv" label="差值"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="总库存">
                                <el-table-column align="center" prop="totalCompanyInv" label="合计"></el-table-column>
                                <el-table-column align="center" prop="totalErLian" label="差值"></el-table-column>
                            </el-table-column>

                    </el-table>
                    <el-table :data="zzzzData" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  label="榆二联合站">
                            <el-table-column align="center" v-for="(itemBt) in yrBt" :key="itemBt.zkInfo.zkid"
                                :label="itemBt.zkInfo.zkmc">
                                <el-table-column align="center" prop="" v-for="(itemBtkid, index) in itemBt.rqInfo" :key="index"
                                    :label="itemBtkid.tankName + itemBtkid.tankType">
                                    <el-table-column align="center" prop="" label="高度">
                                        <template slot-scope="scope">
                                            {{ scope.row.rqInfo?(scope.row.rqInfo.find(item => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ?scope.row.rqInfo.find(item => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).height: ''):'' }}
                                        </template>
                                    </el-table-column>
                                    <el-table-column align="center" prop="" label="油量">
                                        <template slot-scope="scope">
                                            {{ scope.row.rqInfo?(scope.row.rqInfo.find(item =>item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ? scope.row.rqInfo.find(item  => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).ywY: ''):'' }}
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>
                            <el-table-column align="center"  label="二联库存">
                                <el-table-column align="center" prop="totalErLian" label="合计"></el-table-column>
                                <el-table-column align="center" prop="diffErLian" label="差值"></el-table-column>
                            </el-table-column>

                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="天然气数据" name="fifth">
                    <!--天然气数据-->
                    <el-table :data="trqData" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  label="各单位日用气量">
                            <el-table-column align="center"  label="第一作业区">
                                <el-table-column align="center" v-for="(itemZcqBt) in zcqBt1" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                    <template slot-scope="scope">               
                                            {{scope.row.qu1.selfProInfo?(scope.row.qu1.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.qu1.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                            <!-- {{scope.row.qu1}} -->
                                        </template>
                                
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="第二作业区">
                                <el-table-column align="center" v-for="(itemZcqBt) in zcqBt2" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                    <template slot-scope="scope">               
                                        {{scope.row.qu2.selfProInfo?(scope.row.qu2.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.qu2.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                        </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="第三作业区">
                                <el-table-column align="center" v-for="(itemZcqBt) in zcqBt3" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                    <template slot-scope="scope">               
                                            {{scope.row.qu3.selfProInfo?(scope.row.qu3.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.qu3.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                        </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center"  label="第四作业区">
                                <el-table-column align="center" v-for="(itemZcqBt) in zcqBt4" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                    <template slot-scope="scope">               
                                            {{scope.row.qu4.selfProInfo?(scope.row.qu4.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.qu4.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                        </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>


                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="五区数据" name="sixth">
                    <!--五区数据-->
                    <el-table :data="tlSjData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  prop="" v-for="(itemBt) in tlBt" :key="itemBt.jgid" :label="itemBt.jgmc">
                            <template slot-scope="scope">               
                                {{scope.row.tls?(scope.row.tls.find(item => item.bzid===itemBt.jgid)?scope.row.tls.find(item => item.bzid===itemBt.jgid).totaolPullingOil:''):''}}
                            </template>  
                        </el-table-column>
                        <el-table-column align="center" label="捞油合计" prop="hj"></el-table-column>
                        <el-table-column align="center" label="落地油" prop="landingOil"></el-table-column>
                        <el-table-column align="center" label="作业区合计" prop="hj"></el-table-column>
                        <el-table-column align="center" label="创业拉油" prop="pullingOil"></el-table-column>
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="作业区" name="seventh">
                    <!--第一作业区-->
                    <el-table :data="zyq1Data" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  label="第一作业区">
                            <el-table-column align="center"  label="作业区">
                                <el-table-column align="center" prop="planOilPro" label="计划产油"></el-table-column>
                                <el-table-column align="center" prop="realOilPro" label="实验产油"></el-table-column>
                                <el-table-column align="center" prop="planWaterInj" label="计划注水"></el-table-column>
                                <el-table-column align="center" prop="realWaterInj" label="日注水量"></el-table-column>
                                <el-table-column align="center" prop="workBacklog" label="作业积压"></el-table-column>
                                <el-table-column align="center" prop="workBacklogPending" label="待作业积压"></el-table-column>
                                <el-table-column align="center" prop="oilWellPressure" label="油井测压"></el-table-column>
                                <el-table-column align="center" prop="waterWellPressure" label="水井测压"></el-table-column>
                                <el-table-column align="center" prop="inventory" label="库存"></el-table-column>   
                            </el-table-column>
                            <el-table-column align="center" v-for="(itemBt) in zxdBt1" :key="itemBt.jgid"
                                :label="itemBt.jgmc">
                                    <el-table-column align="center" prop="" label="微机">
                                        <template slot-scope="scope">
                                            {{ scope.row.tls?(scope.row.tls.find(item => item.bzid  === itemBt.jgid) ?scope.row.tls.find(item => item.bzid  === itemBt.jgid).totaolLandingOil: ''):'' }}
                                        </template>
                                    </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        
                    </el-table>
                    <!--第二作业区-->
                    <el-table :data="zyq2Data" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  label="第二作业区">
                            <el-table-column align="center"  label="作业区">
                                <el-table-column align="center" prop="planOilPro" label="计划产油"></el-table-column>
                                <el-table-column align="center" prop="realOilPro" label="实验产油"></el-table-column>
                                <el-table-column align="center" prop="planWaterInj" label="计划注水"></el-table-column>
                                <el-table-column align="center" prop="realWaterInj" label="日注水量"></el-table-column>
                                <el-table-column align="center" prop="workBacklog" label="作业积压"></el-table-column>
                                <el-table-column align="center" prop="workBacklogPending" label="待作业积压"></el-table-column>
                                <el-table-column align="center" prop="oilWellPressure" label="油井测压"></el-table-column>
                                <el-table-column align="center" prop="waterWellPressure" label="水井测压"></el-table-column>
                                <el-table-column align="center" prop="inventory" label="库存"></el-table-column>   
                            </el-table-column>
                            <el-table-column align="center" v-for="(itemBt) in zxdBt2" :key="itemBt.jgid"
                                :label="itemBt.jgmc">
                                    <el-table-column align="center" prop="" label="微机">
                                        <template slot-scope="scope">
                                            {{ scope.row.tls?(scope.row.tls.find(item => item.bzid  === itemBt.jgid) ?scope.row.tls.find(item => item.bzid  === itemBt.jgid).totaolLandingOil: ''):'' }}
                                        </template>
                                    </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        
                    </el-table>
                    <!--第三作业区-->
                    <el-table :data="zyq3Data" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  label="第三作业区">
                            <el-table-column align="center"  label="作业区">
                                <el-table-column align="center" prop="planOilPro" label="计划产油"></el-table-column>
                                <el-table-column align="center" prop="realOilPro" label="实验产油"></el-table-column>
                                <el-table-column align="center" prop="planWaterInj" label="计划注水"></el-table-column>
                                <el-table-column align="center" prop="realWaterInj" label="日注水量"></el-table-column>
                                <el-table-column align="center" prop="workBacklog" label="作业积压"></el-table-column>
                                <el-table-column align="center" prop="workBacklogPending" label="待作业积压"></el-table-column>
                                <el-table-column align="center" prop="oilWellPressure" label="油井测压"></el-table-column>
                                <el-table-column align="center" prop="waterWellPressure" label="水井测压"></el-table-column>
                                <el-table-column align="center" prop="inventory" label="库存"></el-table-column>   
                            </el-table-column>
                            <el-table-column align="center" v-for="(itemBt) in zxdBt3" :key="itemBt.jgid"
                                :label="itemBt.jgmc">
                                    <el-table-column align="center" prop="" label="产油量">
                                        <template slot-scope="scope">
                                            {{ scope.row.tls?(scope.row.tls.find(item => item.bzid  === itemBt.jgid) ?scope.row.tls.find(item => item.bzid  === itemBt.jgid).rcyl: ''):'' }}
                                        </template>
                                    </el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                    <!--第四作业区-->
                    <el-table :data="zyq4Data" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  label="第四作业区">
                            <el-table-column align="center"  label="作业区">
                                <el-table-column align="center" prop="planOilPro" label="计划产油"></el-table-column>
                                <el-table-column align="center" prop="realOilPro" label="实验产油"></el-table-column>
                                <el-table-column align="center" prop="planWaterInj" label="计划注水"></el-table-column>
                                <el-table-column align="center" prop="realWaterInj" label="日注水量"></el-table-column>
                                <el-table-column align="center" prop="workBacklog" label="作业积压"></el-table-column>
                                <el-table-column align="center" prop="workBacklogPending" label="待作业积压"></el-table-column>
                                <el-table-column align="center" prop="oilWellPressure" label="油井测压"></el-table-column>
                                <el-table-column align="center" prop="waterWellPressure" label="水井测压"></el-table-column>
                                <el-table-column align="center" prop="inventory" label="库存"></el-table-column>   
                            </el-table-column>
                            <el-table-column align="center" v-for="(itemBt) in zxdBt4" :key="itemBt.jgid"
                                :label="itemBt.jgmc">
                                    <el-table-column align="center" prop="" label="微机">
                                        <template slot-scope="scope">
                                            {{ scope.row.tls?(scope.row.tls.find(item => item.bzid  === itemBt.jgid) ?scope.row.tls.find(item => item.bzid  === itemBt.jgid).totaolLandingOil: '' ):''}}
                                        </template>
                                    </el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                    <!--第五作业区-->
                    <el-table :data="zyq5Data" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <!-- <el-table-column align="center"  label="第五作业区">
                            <el-table-column align="center"  label="作业区">
                                <el-table-column align="center" prop="planOilPro" label="计划产油"></el-table-column>
                                <el-table-column align="center" prop="realOilPro" label="实验产油"></el-table-column>
                                <el-table-column align="center" prop="planWaterInj" label="计划注水"></el-table-column>
                                <el-table-column align="center" prop="realWaterInj" label="日注水量"></el-table-column>
                                <el-table-column align="center" prop="workBacklog" label="作业积压"></el-table-column>
                                <el-table-column align="center" prop="workBacklogPending" label="待作业积压"></el-table-column>
                                <el-table-column align="center" prop="oilWellPressure" label="油井测压"></el-table-column>
                                <el-table-column align="center" prop="waterWellPressure" label="水井测压"></el-table-column>
                                <el-table-column align="center" prop="inventory" label="库存"></el-table-column>   
                            </el-table-column>
                            <el-table-column align="center" v-for="(itemBt) in zxdBt5" :key="itemBt.jgid"
                                :label="itemBt.jgmc">
                                    <el-table-column align="center" prop="" label="微机">
                                        <template slot-scope="scope">
                                            {{ scope.row.tls.find(item => item.bzid  === itemBt.jgid) ?scope.row.tls.find(item => item.bzid  === itemBt.jgid).totaolLandingOil: '' }}
                                        </template>
                                    </el-table-column>
                            </el-table-column>
                        </el-table-column> -->
                        <el-table-column align="center"  label="第五作业区">
                            <el-table-column align="center"  label="作业区">
                                <el-table-column align="center" prop="planOilPro" label="计划产油"></el-table-column>
                                <el-table-column align="center" prop="hj" label="总合计"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                    <!--升22-->
                    <el-table :data="zyq6Data" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  label="升22">
                            <el-table-column align="center"  label="作业区">
                                <el-table-column align="center" prop="planOilPro" label="计划产油"></el-table-column>
                                <el-table-column align="center" prop="realOilPro" label="实验产油"></el-table-column>
                                <el-table-column align="center" prop="planWaterInj" label="计划注水"></el-table-column>
                                <el-table-column align="center" prop="realWaterInj" label="日注水量"></el-table-column>
                                <el-table-column align="center" prop="workBacklog" label="作业积压"></el-table-column>
                                <el-table-column align="center" prop="workBacklogPending" label="待作业积压"></el-table-column>
                                <el-table-column align="center" prop="oilWellPressure" label="油井测压"></el-table-column>
                                <el-table-column align="center" prop="waterWellPressure" label="水井测压"></el-table-column>
                                <el-table-column align="center" prop="inventory" label="库存"></el-table-column>   
                            </el-table-column>
                            <el-table-column align="center" v-for="(itemBt) in zxdBt6" :key="itemBt.jgid"
                                :label="itemBt.jgmc">
                                    <el-table-column align="center" prop="" label="微机">
                                        <template slot-scope="scope">
                                            {{ scope.row.tls?(scope.row.tls.find(item => item.bzid  === itemBt.jgid) ?scope.row.tls.find(item => item.bzid  === itemBt.jgid).totaolLandingOil: ''):'' }}
                                        </template>
                                    </el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                    <!--肇25-->
                    <el-table :data="zyq7Data" border style="width: 100%" 
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center"  label="肇25">
                            <el-table-column align="center"  label="作业区">
                                <el-table-column align="center" prop="planOilPro" label="计划产油"></el-table-column>
                                <el-table-column align="center" prop="realOilPro" label="实验产油"></el-table-column>
                                <el-table-column align="center" prop="planWaterInj" label="计划注水"></el-table-column>
                                <el-table-column align="center" prop="realWaterInj" label="日注水量"></el-table-column>
                                <el-table-column align="center" prop="workBacklog" label="作业积压"></el-table-column>
                                <el-table-column align="center" prop="workBacklogPending" label="待作业积压"></el-table-column>
                                <el-table-column align="center" prop="oilWellPressure" label="油井测压"></el-table-column>
                                <el-table-column align="center" prop="waterWellPressure" label="水井测压"></el-table-column>
                                <el-table-column align="center" prop="inventory" label="库存"></el-table-column>   
                            </el-table-column>
                            <el-table-column align="center" v-for="(itemBt) in zxdBt7" :key="itemBt.jgid"
                                :label="itemBt.jgmc">
                                    <el-table-column align="center" prop="" label="微机">
                                        <template slot-scope="scope">
                                            {{ scope.row.tls?(scope.row.tls.find(item => item.bzid  === itemBt.jgid) ?scope.row.tls.find(item => item.bzid  === itemBt.jgid).totaolLandingOil: ''):'' }}
                                        </template>
                                    </el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>


                <el-tab-pane label="原油油田" name="eighth">
                    <!--原油油田-->
                    <el-table :data="yyData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="单位" prop="siteName"></el-table-column>
                        <el-table-column align="center" label="原油生产" >
                            <el-table-column align="center" label="计划" prop="planOilProDaily"></el-table-column>
                            <el-table-column align="center" label="日产" prop="realOilProDaily"></el-table-column>
                        </el-table-column>
                        <el-table-column align="center" label="油田注水" >
                            <el-table-column align="center" label="计划" prop="planWaterInjDaily"></el-table-column>
                            <el-table-column align="center" label="日注" prop="realWaterInjDaily"></el-table-column>
                        </el-table-column>
                        <el-table-column align="center" label="天然气情况" >
                            <el-table-column align="center" label="日消耗" prop="gasCustionDaily"></el-table-column>
                        </el-table-column>
                        <!-- <el-table-column align="center" label="用电情况" >
                            <el-table-column align="center" label="日消耗" prop="landingOil"></el-table-column>
                        </el-table-column> -->
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="公司原油生产情况" name="ninth">
                    <!--公司原油生产情况-->
                    <el-table :data="zyyData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="单位" prop="siteName"></el-table-column>
                            <el-table-column align="center" label="计划日产（吨）" prop="oilDailyPlan"></el-table-column>
                            <el-table-column align="center" label="实际日产（吨）" prop="oilDailyReal"></el-table-column>
                            <el-table-column align="center" label="年累产油 （万吨）" prop="oilYearReal"></el-table-column>
                            <el-table-column align="center" label="年剩余产量（万吨）" prop="oilYearResidue"></el-table-column>
                            <el-table-column align="center" label="年计划产油  （万吨）" prop="oilYearPlan"></el-table-column>
                        <!-- <el-table-column align="center" label="用电情况" >
                            <el-table-column align="center" label="日消耗" prop="landingOil"></el-table-column>
                        </el-table-column> -->
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="公司注水情况" name="tenth">
                    <!--公司注水情况-->
                    <el-table :data="zzsData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="单位" prop="siteName"></el-table-column>
                            <el-table-column align="center" label="计划注水（立方米）" prop="waterDailyPlan"></el-table-column>
                            <el-table-column align="center" label="实际日注（立方米）" prop="waterDailyReal"></el-table-column>
                            <el-table-column align="center" label="年累注水（万立方米）" prop="waterYearReal"></el-table-column>
                            <el-table-column align="center" label="年剩余注水量（万立方米）" prop="waterYearResidue"></el-table-column>
                            <el-table-column align="center" label="年计划注水（万立方米）" prop="waterYearPlan"></el-table-column>
                        <!-- <el-table-column align="center" label="用电情况" >
                            <el-table-column align="center" label="日消耗" prop="landingOil"></el-table-column>
                        </el-table-column> -->
                    </el-table>
                </el-tab-pane>

                <el-tab-pane label="气量统计表" name="eleventh">
                    <!--气量统计表-->
                    <el-table :data="zqlData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" label="单位" prop="siteName"></el-table-column>
                        <el-table-column align="center" label="气量统计表（单位：立方米）">
                            <el-table-column align="center" label="日计划" prop="gasDailyPlan"></el-table-column>
                            <el-table-column align="center" label="日实用" prop="gasDailyUse"></el-table-column>
                            <el-table-column align="center" label="月计划" prop="gasMonthPlan"></el-table-column>
                            <el-table-column align="center" label="月累计" prop="gasMonthUse"></el-table-column>
                            <el-table-column align="center" label="年计划" prop="gasYearPlan"></el-table-column>
                            <el-table-column align="center" label="年累计" prop="gasYearUse"></el-table-column>
                        </el-table-column>
                        <!-- <el-table-column align="center" label="用电情况" >
                            <el-table-column align="center" label="日消耗" prop="landingOil"></el-table-column>
                        </el-table-column> -->
                    </el-table>
                </el-tab-pane>

            </el-tabs>
        </div>
    </div>
</template>
  
<script>
import moment from "moment";

import cbApi from "@/api/bbsc/mrchenbao";
import qbApi from "@/api/bbsc/qubao";


export default {
    data() {
        return {
            currentDay: moment().format("YYYY-MM-DD"),
            activeName: 'first',

            searchForm: {
                searchDate: '',
            },

            //第一页
            finalData:[],
            yjzhData: {},
            yjjcData: {},
            zrzhData: {},
            zrCo2Data: {},
            zrbData: {},

            //第二页 油井临时关井情况
            yjlsData:[],

            //第二页 油井临时关井情况
            sjlsData:[],

            //第四页 中转站
            zzzBt:[],
            yrBt:[],
            zzzData:[],
            zzzczData:[],
            yrData:[],

            //第五页 天然气数据
            zcqBt1:[],
            zcqData1:[],
            zcqBt2:[],
            zcqData2:[],
            zcqBt3:[],
            zcqData3:[],
            zcqBt4:[],
            zcqData4:[],

            //第六页 五区数据
            tlBt:[],
            tlData:[],

            //第7页 
            zyqData1:[],
            zxdBt1:[],
            zxdData1:[],
            zyqData2:[],
            zxdBt2:[],
            zxdData2:[],
            zyqData3:[],
            zxdBt3:[],
            zxdData3:[],
            zyqData4:[],
            zxdBt4:[],
            zxdData4:[],
            zyqData5:[],
            zxdBt5:[],
            zxdData5:[],
            zyqData6:[],
            zxdBt6:[],
            zxdData6:[],
            zyqData7:[],
            zxdBt7:[],
            zxdData7:[],

            //第八页 获取作业区原油生产,油田注水,天然气消耗等数据
            yyData:[],

            //第九页 获取获取作业区原油生产
            zyyData:[],

            //第十页 获取作业区注水生产
            zzsData:[],

            //第十一页 获取作业区气量统计
            zqlData:[],

            




            //时间快捷选择
            pickerOptions: {
                disabledDate(time) {
                    return time.getTime() > Date.now();
                },
                shortcuts: [{
                    text: '今天',
                    onClick(picker) {
                        picker.$emit('pick', new Date());
                    }
                }, {
                    text: '昨天',
                    onClick(picker) {
                        const date = new Date();
                        date.setTime(date.getTime() - 3600 * 1000 * 24);
                        picker.$emit('pick', date);
                    }
                }, {
                    text: '一周前',
                    onClick(picker) {
                        const date = new Date();
                        date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
                        picker.$emit('pick', date);
                    }
                }]
            },
        }
    },
    created() {
        //第一页
        this.searchYjzhData(this.currentDay)
        this.searchYjjcData(this.currentDay)
        this.searchZrzhData(this.currentDay)
        this.searchZrCo2Data(this.currentDay)
        this.searchZrbData(this.currentDay)

        //第二页 油井临时关井情况
        this.getDailyOilShutWellData(this.currentDay)

        //第三页 水井临时关井情况
        this.getDailyWaterShutWellData(this.currentDay)

        //第四页 中转站
        this.getDailyTransferStationTable()
        this.getDailyStationTable()
        this.getDailyTransferStationData(this.currentDay)
        this.getDailyTotalStationData(this.currentDay)
        this.getDailyStationData(this.currentDay)

        //第五页 天然气数据
        //第一作业区
        this.getSelfProGasTableList('5vHnZTc4h3')
        this.getSelfProGasTableDataList(this.currentDay,'5vHnZTc4h3')
        //第二作业区
        this.getSelfProGasTableList('a0Tz84PyNC')
        this.getSelfProGasTableDataList(this.currentDay,'a0Tz84PyNC')
        //第三作业区
        this.getSelfProGasTableList('hD2KHRieKp')
        this.getSelfProGasTableDataList(this.currentDay,'hD2KHRieKp')
        //第四作业区
        this.getSelfProGasTableList('MQvamMTDle')
        this.getSelfProGasTableDataList(this.currentDay,'MQvamMTDle')

        //第六页 五区数据
        this.searchTlBt(this.currentDay,'AS3WARuWE0')
        this.searchTlData(this.currentDay,'AS3WARuWE0')

        //第七页 第一作业区
        this.getDailyOperationAreaData(this.currentDay,'5vHnZTc4h3')
        this.getDailyOperationAreaTeamTable(this.currentDay,'5vHnZTc4h3')
        this.getDailyOperationAreaTeamData(this.currentDay,'5vHnZTc4h3')
        this.getDailyOperationAreaData(this.currentDay,'a0Tz84PyNC')
        this.getDailyOperationAreaTeamTable(this.currentDay,'a0Tz84PyNC')
        this.getDailyOperationAreaTeamData(this.currentDay,'a0Tz84PyNC')
        this.getDailyOperationAreaData(this.currentDay,'hD2KHRieKp')
        this.getDailyOperationAreaTeamTable(this.currentDay,'hD2KHRieKp')
        this.getDailyOperationAreaTeamData(this.currentDay,'hD2KHRieKp')
        this.getDailyOperationAreaData(this.currentDay,'MQvamMTDle')
        this.getDailyOperationAreaTeamTable(this.currentDay,'MQvamMTDle')
        this.getDailyOperationAreaTeamData(this.currentDay,'MQvamMTDle')
        this.getDailyOperationAreaData(this.currentDay,'AS3WARuWE0')
        this.getDailyOperationAreaTeamTable(this.currentDay,'AS3WARuWE0')
        this.getDailyOperationAreaTeamData(this.currentDay,'AS3WARuWE0')
        this.getDailyOperationAreaData(this.currentDay,'ujaldgjadca')
        this.getDailyOperationAreaTeamTable(this.currentDay,'ujaldgjadca')
        this.getDailyOperationAreaTeamData(this.currentDay,'ujaldgjadca')
        this.getDailyOperationAreaData(this.currentDay,'SIAHbdvauUD')
        this.getDailyOperationAreaTeamTable(this.currentDay,'SIAHbdvauUD')
        this.getDailyOperationAreaTeamData(this.currentDay,'SIAHbdvauUD')

        //第八页  获取作业区原油生产,油田注水,天然气消耗等数据
        this.getDailyOperationAreaTotalData(this.currentDay)

        //第九页 获取获取作业区原油生产
        this.getDailyOperationAreaOilProData(this.currentDay)

        //第十页 获取作业区注水生产
        this.getDailyOperationAreaWaterProData(this.currentDay)

        //第十一页 获取作业区气量统计
        this.getDailyOperationAreaGasData(this.currentDay)


    },
    mounted() {

    },
    computed: {
        //第一页
        // arr1:function (){

        //     let arr1 =[this.yjzhData,this.yjjcData,this.zrzhData,this.zrCo2Data,this.zrbData]
        //     console.log(arr1)

        // },
        // firstData: function () {
        //     var obj = Object.assign({}, this.yjzhData,this.zrzhData)
        //     console.log('112', obj)
        //     var arr = []
        //     arr.push(obj)
        //     return arr
        // },
        //中转站数据对象转数组
        zzzzData: function () {
            var obj = Object.assign({}, this.zzzData,this.zzzczData,this.yrData)
            // console.log('中转站数据', obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        //天然气数据
        trqData: function () {
            // var obj = Object.assign({}, this.zcqData1,this.zcqData2,this.zcqData3,this.zcqData4)
            // let arr =[this.zcqData1,this.zcqData2,this.zcqData3,this.zcqData4]
        //     console.log(arr1)
           
            var arr = []
            var obj = {}
            obj['qu1'] = this.zcqData1
            obj['qu2'] = this.zcqData2
            obj['qu3'] = this.zcqData3
            obj['qu4'] = this.zcqData4
            // arr.push(this.zcqData1)
            // arr.push(this.zcqData2)
            // arr.push(this.zcqData3)
            // arr.push(this.zcqData4)
            console.log('天然气数据', obj)
            arr.push(obj)
            return arr
        },

        //第六页 五区数据
        tlSjData:function (){
            var obj = Object.assign({},this.tlData)
            // console.log('五区数据',obj)
            var arr =[]
            arr.push(obj)
            return arr
        },

        zyq1Data: function () {
            var obj = Object.assign({}, this.zyqData1,this.zxdData1)
            // console.log('第一作业区', obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        zyq2Data: function () {
            var obj = Object.assign({}, this.zyqData2,this.zxdData2)
            // console.log('第二作业区', obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        zyq3Data: function () {
            var obj = Object.assign({}, this.zyqData3,this.zxdData3)
            // console.log('第三作业区', obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        zyq4Data: function () {
            var obj = Object.assign({}, this.zyqData4,this.zxdData4)
            // console.log('第四作业区', obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        zyq5Data: function () {
            var obj = Object.assign({}, this.zyqData5,this.zxdData5)
            // console.log('第五作业区', obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        zyq6Data: function () {
            var obj = Object.assign({}, this.zyqData6,this.zxdData6)
            // console.log('升22', obj)
            var arr = []
            arr.push(obj)
            return arr
        },
        zyq7Data: function () {
            var obj = Object.assign({}, this.zyqData7,this.zxdData7)
            // console.log('肇25', obj)
            var arr = []
            arr.push(obj)
            return arr
        },






    },
    methods: {
        //查询事件
        query() {
            console.log(this.searchForm.searchDate)
            if (this.searchForm.searchDate === '' || this.searchForm.searchDate === null) {
                this.searchForm.searchDate = this.currentDay
            }
            //第一页
            this.searchYjzhData(this.searchForm.searchDate)
            this.searchYjjcData(this.searchForm.searchDate)
            this.searchZrzhData(this.searchForm.searchDate)
            this.searchZrCo2Data(this.searchForm.searchDate)
            this.searchZrbData(this.searchForm.searchDate)

            //第二页 油井临时关井情况
            this.getDailyOilShutWellData(this.searchForm.searchDate)

            //第三页 水井临时关井情况
            this.getDailyWaterShutWellData(this.searchForm.searchDate)

            //第四页 中转站
            this.getDailyTransferStationData(this.searchForm.searchDate)
            this.getDailyTotalStationData(this.searchForm.searchDate)
            this.getDailyStationData(this.searchForm.searchDate)

            //第五页 天然气数据
            // this.getSelfProGasTableList('5vHnZTc4h3')
            this.getSelfProGasTableDataList(this.currentDay,'5vHnZTc4h3')
            // this.getSelfProGasTableList2('a0Tz84PyNC')
            this.getSelfProGasTableDataList(this.currentDay,'a0Tz84PyNC')
            // this.getSelfProGasTableList3('hD2KHRieKp')
            this.getSelfProGasTableDataList(this.currentDay,'hD2KHRieKp')
            // this.getSelfProGasTableList4('MQvamMTDle')
            this.getSelfProGasTableDataList(this.currentDay,'MQvamMTDle')

            //第六页 五区数据
            this.searchTlBt(this.searchForm.searchDate,'AS3WARuWE0')
            this.searchTlData(this.searchForm.searchDate,'AS3WARuWE0')

            //第七页 第一作业区
            this.getDailyOperationAreaData(this.searchForm.searchDate,'5vHnZTc4h3')
            this.getDailyOperationAreaTeamTable(this.searchForm.searchDate,'5vHnZTc4h3')
            this.getDailyOperationAreaTeamData(this.searchForm.searchDate,'5vHnZTc4h3')
            this.getDailyOperationAreaData(this.searchForm.searchDate,'a0Tz84PyNC')
            this.getDailyOperationAreaTeamTable(this.searchForm.searchDate,'a0Tz84PyNC')
            this.getDailyOperationAreaTeamData(this.searchForm.searchDate,'a0Tz84PyNC')
            this.getDailyOperationAreaData(this.searchForm.searchDate,'hD2KHRieKp')
            this.getDailyOperationAreaTeamTable(this.searchForm.searchDate,'hD2KHRieKp')
            this.getDailyOperationAreaTeamData(this.searchForm.searchDate,'hD2KHRieKp')
            this.getDailyOperationAreaData(this.searchForm.searchDate,'MQvamMTDle')
            this.getDailyOperationAreaTeamTable(this.searchForm.searchDate,'MQvamMTDle')
            this.getDailyOperationAreaTeamData(this.searchForm.searchDate,'MQvamMTDle')
            this.getDailyOperationAreaData(this.searchForm.searchDate,'AS3WARuWE0')
            this.getDailyOperationAreaTeamTable(this.searchForm.searchDate,'AS3WARuWE0')
            this.getDailyOperationAreaTeamData(this.searchForm.searchDate,'AS3WARuWE0')
            this.getDailyOperationAreaData(this.searchForm.searchDate,'ujaldgjadca')
            this.getDailyOperationAreaTeamTable(this.searchForm.searchDate,'ujaldgjadca')
            this.getDailyOperationAreaTeamData(this.searchForm.searchDate,'ujaldgjadca')
            this.getDailyOperationAreaData(this.searchForm.searchDate,'SIAHbdvauUD')
            this.getDailyOperationAreaTeamTable(this.searchForm.searchDate,'SIAHbdvauUD')
            this.getDailyOperationAreaTeamData(this.searchForm.searchDate,'SIAHbdvauUD')

            //第八页 获取作业区原油生产,油田注水,天然气消耗等数据
            this.getDailyOperationAreaTotalData(this.searchForm.searchDate)

            //第九页 获取获取作业区原油生产
            this.getDailyOperationAreaOilProData(this.searchForm.searchDate)

             //第十页 获取作业区注水生产
            this.getDailyOperationAreaWaterProData(this.searchForm.searchDate)

            //第十一页 获取作业区气量统计
            this.getDailyOperationAreaGasData(this.searchForm.searchDate)
        },

        //列求和
        getSummaries(param) {
            const { columns, data } = param;//这里可以看出，自定义函数会传入每一列，以及数据
            const sums = [];
            columns.forEach((column, index) => {
                if (index === 0) {
                sums[index] = '全公司';
                return;
                }else if (index >= 1) { //index>=3后的列进行求和               
                //页面分别统计 处理
                const values = data.map(item => Number(item[column.property]));
                if (!values.every(value => isNaN(value))) {
                    sums[index] = values.reduce((prev, curr) => {
                        const value = Number(curr);
                        if (!isNaN(value)) {
                            return prev + curr ;                    
                        } else {
                            return prev;
                        }               
                    }, 0);
                //此处结合了方式一的判断处理，实现多种条件处理
                //此处的column.property获取的值对应<el-table-column>中prop对应的字段
                    switch(column.property) {
                        case "insPumpNum":
                        case "insPumpEffct":
                        case "waitPumpNum": 
                        case "waitPumpEffct":
                        case "manPumpNum":
                        case "manPumpEffct":
                        case "measurePumpNum":
                        case "measurePumpEffct":
                        case "insCooPumpNum":
                        case "insCooPumpEffct":
                        case "faultWellEffect":
                        case "totalWellNumber": 
                        case "totalWellEffect":
                        case "drillOffWellNum":
                        case "drillOffWellEffect":
                        case "manometryWellNum":
                        case "manometryWellEffect":
                        case "measureWellNum":
                        case "measureWellEffect":
                        case "workWellNum":
                        case "workWellEffect":
                        case "groundFaultWellnum": 
                        case "groundFaultWellEffect":
                        case "totalNum":
                        case "openNum":                     
                            return sums[index] = sums[index]  ;
                            break;                 
                    } 
                                
                } else {
                    sums[index] = ''; //如果列的值有一项不是数字，就显示这个自定义内容
                }
                }else {
                    sums[index] = '--'
                }
                });
                return sums;//最后返回合计行的数据
        },



        //获取油井动态综合数据
        async searchYjzhData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyOilWellData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("油井动态综合数据", res.data.dailyOilWell);
                //赋值
                this.yjzhData = res.data.dailyOilWell;
                // console.log(this.finalData);
            }
        },
        //获取油井动态机采井数据
        async searchYjjcData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyOilRecoverWellData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("油井动态机采井数据", res.data);
                // //赋值
                this.yjjcData = res.data;
                var arr = []
                for(let i =0 ;i<this.yjzhData.length;i++){
                    for(let j =0 ;j<this.yjjcData.length;j++){
                        
                        if(this.yjzhData[i].siteName === this.yjjcData[j].siteName){
                            var obj = Object.assign({}, this.yjzhData[i],this.yjjcData[j])
                            // console.log(obj)
                            
                            arr.push(obj)
                            obj ={}
                        }
                    }
                }
                this.finalData = arr
                // console.log(this.finalData)
            }
        },
        //获取注入井动态注水井综合数据
        async searchZrzhData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyOilWaterWellData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("入井动态注水井综合数据", res.data);
                // //赋值
                this.zrzhData = res.data;
                var arr = []
                for(let i =0 ;i<this.finalData.length;i++){
                    for(let j =0 ;j<this.zrzhData.length;j++){
                        
                        if(this.finalData[i].siteName === this.zrzhData[j].siteName){
                            var obj = Object.assign({}, this.finalData[i],this.zrzhData[j])
                            // console.log(obj)
                            
                            arr.push(obj)
                            obj ={}
                        }
                    }
                }
                this.finalData = arr
                // console.log(this.finalData)
            }
        },
        //获取注入动态CO2注入井数据
        async searchZrCo2Data(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyOilCo2WellData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("注入动态CO2注入井数据", res.data);
                // //赋值
                this.zrCo2Data = res.data;
                var arr = []
                for(let i =0 ;i<this.finalData.length;i++){
                    for(let j =0 ;j<this.zrCo2Data.length;j++){
                        
                        if(this.finalData[i].siteName === this.zrCo2Data[j].siteName){
                            var obj = Object.assign({}, this.finalData[i],this.zrCo2Data[j])
                            // console.log(obj)
                            
                            arr.push(obj)
                            obj ={}
                        }
                    }
                }
                this.finalData = arr
                // console.log(this.finalData)
            }
        },
        //获取注入井动态注水泵情况
        async searchZrbData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyWaterPumpData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("注入井动态注水泵情况", res.data);
                // //赋值
                this.zrbData = res.data;
                var arr = []
                for(let i =0 ;i<this.finalData.length;i++){
                    for(let j =0 ;j<this.zrbData.length;j++){
                        
                        if(this.finalData[i].siteName === this.zrbData[j].siteName){
                            var obj = Object.assign({}, this.finalData[i],this.zrbData[j])
                            // console.log(obj)
                            
                            arr.push(obj)
                            obj ={}
                        }
                    }
                }
                this.finalData = arr
                console.log(this.finalData)
            }
        },


        //第二页 油井临时关井情况
        async getDailyOilShutWellData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyOilShutWellData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("油井临时关井情况", res.data);
                // //赋值
                this.yjlsData = res.data;
            }
        },

        //第三页 水井临时关井情况
        async getDailyWaterShutWellData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyWaterShutWellData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("水井临时关井情况", res.data);
                // //赋值
                this.sjlsData = res.data;
            }
        },

        //第四页 获取中转站表头
        async getDailyTransferStationTable() {
            //发送查询请求
            let res = await cbApi.getDailyTransferStationTable();
            //判断是否成功
            if (res.success) {
                // console.log("获取中转站表头",res.data); 
                // //赋值
                this.zzzBt = res.data;
            }
        },
        //第四页 获取中转站数据
        async getDailyTransferStationData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyTransferStationData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("获取中转站数据", res.data);
                // //赋值
                this.zzzData = res.data;
            }
        },
        //第四页 获取中转站库存及差值数据
        async getDailyTotalStationData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyTotalStationData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("获取中转站库存及差值数据", res.data);
                // //赋值
                this.zzzczData = res.data;
            }
        },
        //第四页 获取中转站获取榆二联合站表头
        async getDailyStationTable() {
            //发送查询请求
            let res = await cbApi.getDailyStationTable();
            //判断是否成功
            if (res.success) {
                // console.log("获取中转站获取榆二联合站表头",res.data); 
                // //赋值
                this.yrBt = res.data;
            }
        },
        //第四页 获取中转站获取榆二联合站数据
        async getDailyStationData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyStationData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("获取中转站获取榆二联合站数据", res.data);
                // //赋值
                this.yrData = res.data;
            }
        },

        //第五页 自产气表头数据 
        async getSelfProGasTableList(jgid){
        //发送查询请求
        let res = await cbApi.getSelfProGasTableList({orgId:jgid});
            //判断是否成功
            if (res.success) {
            // //赋值
            if(jgid==='5vHnZTc4h3'){
                this.zcqBt1 = res.data;}
            else if(jgid==='a0Tz84PyNC'){
                this.zcqBt2 = res.data;
            }
            else if(jgid==='hD2KHRieKp'){
                this.zcqBt3 = res.data;
            }
            else if(jgid==='MQvamMTDle'){
                this.zcqBt4 = res.data;
            // console.log('自产气表头数据1',res.data); 

            }
            }
        },
        //第五页 自产气数据
        async getSelfProGasTableDataList(currentDate,jgid){
        //发送查询请求
        let res = await cbApi.getSelfProGasTableDataList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // //赋值
            if(jgid==='5vHnZTc4h3'){
                this.zcqData1 = res.data;}
            else if(jgid==='a0Tz84PyNC'){
                this.zcqData2 = res.data;
            }
            else if(jgid==='hD2KHRieKp'){
                this.zcqData3 = res.data;
            }
            else if(jgid==='MQvamMTDle'){
                this.zcqData4 = res.data;
                 // console.log('自产气数据1',res.data); 
            }
            }
        },

        //第六页 五区表头数据
        async searchTlBt(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getBailingOilTableList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log('五区表头数据',res.data); 
            // //赋值
            this.tlBt = res.data;
            }
        },
        //第六页 五区数据
        async searchTlData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getBailingOilDataList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log('五区表头数据',res.data); 
            // //赋值
            this.tlData = res.data;
            }
        },

        //第七页 获取作业区信息
        async getDailyOperationAreaData(currentDate,jgid){
        //发送查询请求
        let res = await cbApi.getDailyOperationAreaData({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log('获取作业区信息',res.data); 
            // //赋值
            if(jgid==='5vHnZTc4h3'){
                this.zyqData1 = res.data;}
            else if(jgid==='a0Tz84PyNC'){
                this.zyqData2 = res.data;
            }
            else if(jgid==='hD2KHRieKp'){
                this.zyqData3 = res.data;
            }
            else if(jgid==='MQvamMTDle'){
                this.zyqData4 = res.data;
            }
            else if(jgid==='AS3WARuWE0'){
                this.zyqData5 = res.data;
            }
            else if(jgid==='ujaldgjadca'){
                this.zyqData6 = res.data;
            }
            else if(jgid==='SIAHbdvauUD'){
                this.zyqData7 = res.data;
            } 
            }
        },
        //第七页 获取作业区小队表头
        async getDailyOperationAreaTeamTable(currentDate,jgid){
        //发送查询请求
        let res = await cbApi.getDailyOperationAreaTeamTable({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log('获取作业区小队表头',res.data); 
            // //赋值
            if(jgid==='5vHnZTc4h3'){
                this.zxdBt1 = res.data;
            }
            else if(jgid==='a0Tz84PyNC'){
                this.zxdBt2 = res.data;
            }
            else if(jgid==='hD2KHRieKp'){
                this.zxdBt3 = res.data;
            }
            else if(jgid==='MQvamMTDle'){
                this.zxdBt4 = res.data;
            }
            else if(jgid==='AS3WARuWE0'){
                this.zxdBt5 = res.data;
            }
            else if(jgid==='ujaldgjadca'){
                this.zxdBt6 = res.data;
            }
            else if(jgid==='SIAHbdvauUD'){
                this.zxdBt7 = res.data;
            }
            }
        },
        //第七页 获取作业区小队数据
        async getDailyOperationAreaTeamData(currentDate,jgid){
        //发送查询请求
        let res = await cbApi.getDailyOperationAreaTeamData({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
            // console.log('获取作业区小队数据',res.data); 
            // //赋值
            this.zxdData1 = res.data;
            if(jgid==='5vHnZTc4h3'){
                this.zxdData1 = res.data;
            }
            else if(jgid==='a0Tz84PyNC'){
                this.zxdData2 = res.data;
            }
            else if(jgid==='hD2KHRieKp'){
                this.zxdData3 = res.data;
            // console.log('获取作业区小队数据',res.data); 

            }
            else if(jgid==='MQvamMTDle'){
                this.zxdData4 = res.data;
            }
            else if(jgid==='AS3WARuWE0'){
                this.zxdData5 = res.data;
            }
            else if(jgid==='ujaldgjadca'){
                this.zxdData6 = res.data;
            }
            else if(jgid==='SIAHbdvauUD'){
                this.zxdData7 = res.data;
            }
            }
        },

        //第八页 获取作业区原油生产,油田注水,天然气消耗等数据
        async getDailyOperationAreaTotalData(currentDate){
        //发送查询请求
        let res = await cbApi.getDailyOperationAreaTotalData({currentDate:currentDate});
            //判断是否成功
            if (res.success) {
            // console.log('获取作业区原油生产,油田注水,天然气消耗等数据',res.data); 
            // //赋值
            this.yyData = res.data;
            }
        },

        //第九页 获取获取作业区原油生产
        async getDailyOperationAreaOilProData(currentDate){
        //发送查询请求
        let res = await cbApi.getDailyOperationAreaOilProData({currentDate:currentDate});
            //判断是否成功
            if (res.success) {
            // console.log('获取获取作业区原油生产',res.data); 
            // //赋值
            this.zyyData = res.data;
            }
        },

        //第十页 获取作业区注水生产
        async getDailyOperationAreaWaterProData(currentDate){
        //发送查询请求
        let res = await cbApi.getDailyOperationAreaWaterProData({currentDate:currentDate});
            //判断是否成功
            if (res.success) {
            // console.log('获取作业区注水生产',res.data); 
            // //赋值
            this.zzsData = res.data;
            }
        },

        //第十一页 获取作业区气量统计
        async getDailyOperationAreaGasData(currentDate){
        //发送查询请求
        let res = await cbApi.getDailyOperationAreaGasData({currentDate:currentDate});
            //判断是否成功
            if (res.success) {
            // console.log('获取作业区气量统计',res.data); 
            // //赋值
            this.zqlData = res.data;
            }
        },








        //Tab标签区域切换按钮事件
        handleMenuClick(tab, event) {
        }
    }
}
</script>
  
<style lang="scss" scoped>
// 标题
.mytitle {
    font-size: large;
    padding-left: 10px;
    margin-bottom: 16px;
    float: left;
}

//按钮组
.myButtons {
    float: right
}

//格子的样式
.bg-white {
    background: #ffffff;
}

.grid-content {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.calendar ::v-deep .el-button-group::before {
    display: none;
}

.calendar ::v-deep .el-button-group::after {
    display: none;
}

// 分割线样式
.el-divider--horizontal {
    display: block;
    height: 2px;
    width: 100%;
    margin: 24px 0;
}

// 表单各项的样式
.el-form-item {
    margin: 15px 10px 15px 10px;
}
</style>
  